.main{
    width: 100%;
    background-color: #F4F4F4;
    position: relative;

}
.main-nav{
    position: relative;
    height: 480px;
    width: 1190px;
    margin: auto;
    background-color: #f4f4f4;
    padding-top: 10px;
}
.main-nav .left-nav{
    float: left;
    width: 190px;
    height: 470px;
    padding-top: 10px;
    background-color: white;
    padding-bottom: 10px;
}
.main-nav .img-cut-btn{
    line-height: 12px;
 position: absolute;
 z-index: 10;
 bottom: 20px;
 left: 230px;
}
.main-nav .img-cut-btn span{
    position: relative;
   
    display: inline-block;
    border-image: initial;
    width: 8px;
    box-sizing: content-box;
    height: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0 2px;
}
#img-eight,#img-seven,#img-six,#img-five,#img-four,#img-three,#img-two,#img-one{
    display: none;
}
#img-eight:checked ~ .big-img .big-img-eight{
    opacity: 1;
    transition: all .2s ;
}
#img-seven:checked ~ .big-img .big-img-seven{
    opacity: 1;
    transition: all .2s ;
}
#img-six:checked ~ .big-img .big-img-six{
    opacity: 1;
    transition: all .2s ;
}
#img-five:checked ~ .big-img .big-img-five{
    opacity: 1;
    transition: all .2s ;
}
#img-four:checked ~ .big-img .big-img-four{
    opacity: 1;
    transition: all .2s ;
}
#img-three:checked ~ .big-img .big-img-three{
    opacity: 1;
    transition: all .2s;
}
#img-two:checked ~ .big-img .big-img-two{
    opacity: 1;
    transition: all .2s;
}
#img-one:checked ~ .big-img .big-img-one{
    opacity: 1;
    transition: all .2s;
}
.main-nav #img-eight:checked ~ .img-cut-btn [for="img-eight"] span,
.main-nav #img-seven:checked ~ .img-cut-btn [for="img-seven"] span,
.main-nav #img-six:checked ~  .img-cut-btn [for="img-six"] span,
.main-nav #img-five:checked ~  .img-cut-btn [for="img-five"] span,
.main-nav #img-four:checked ~  .img-cut-btn [for="img-four"] span,
.main-nav #img-three:checked ~ .img-cut-btn [for="img-three"] span,
.main-nav #img-two:checked ~  .img-cut-btn [for="img-two"] span,
.main-nav #img-one:checked ~  .img-cut-btn [for="img-one"] span{
    display: inline-block;
    top: 2px;
    left: 0;
    line-height: 12px; 
    width: 9px; 
    height: 9px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0 0.5px;
    box-sizing: content-box;
}

.main-nav #img-eight:checked ~  .img-cut-btn [for="img-eight"] span::before,
.main-nav #img-seven:checked ~  .img-cut-btn [for="img-seven"] span::before,
.main-nav #img-six:checked ~  .img-cut-btn [for="img-six"] span::before,
.main-nav #img-five:checked ~  .img-cut-btn [for="img-five"] span::before,
.main-nav #img-four:checked ~  .img-cut-btn [for="img-four"] span::before,
.main-nav #img-three:checked ~  .img-cut-btn [for="img-three"] span::before,
.main-nav #img-two:checked ~  .img-cut-btn [for="img-two"] span::before,
.main-nav #img-one:checked ~  .img-cut-btn [for="img-one"] span::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color:white;

}
.main-nav .big-img{
    position: relative;
    float: left;
    width: 590px;
    height: 470px;
    margin-left: 10px;
}
.main-nav .big-img .big-img-one{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-one.webp);
}
.main-nav .big-img .big-img-two{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-two.webp);
}
.main-nav .big-img .big-img-three{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-three.webp);
}
.main-nav .big-img .big-img-four{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-four.jpg);
}
.main-nav .big-img .big-img-five{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-five.webp);
}
.main-nav .big-img .big-img-six{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-six.jpg);
}
.main-nav .big-img .big-img-seven{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-seven.webp);
}
.main-nav .big-img .big-img-eight{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 590px;
    height: 470px;
    background: url(../images/img-eight.webp);
}



.main-nav .big-img .btn-left{
    position: absolute;
    width: 25px;
    height: 35px;
    line-height: 35px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    left: 0;
    top: 50%;
    text-align: center;
    transform: translate(0%,-50%);
}
.main-nav .big-img .btn-right{
    position: absolute;
    width: 25px;
    height: 35px;
    line-height: 35px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    right: 0;
    top: 50%;
    text-align: center;
    transform: translate(0%,-50%);
}
 .three-img-box a:hover img{
    opacity: 0.8;
    cursor: pointer;
    transition: all .2s ease;
}
 .three-img1 .btn-left:hover,
 .three-img1 .btn-right:hover,
 .three-img2 .btn-left:hover,
 .three-img2 .btn-right:hover,
 .three-img3 .btn-left:hover,
 .three-img3 .btn-right:hover,
.big-img .btn-left:hover,
.main-nav .big-img .btn-right:hover{
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .2s ease;
}
 .three-img1 .btn-left span,
 .three-img2 .btn-left span,
 .three-img3 .btn-left span,
.main-nav .big-img .btn-left span,
 .three-img1 .btn-right span,
 .three-img2 .btn-right span,
 .three-img3 .btn-right span,
.main-nav .big-img .btn-right span{
    font-family: "icomoon";
    font-size: 16px;
    color: white;
    font-weight: bold;
    width: 100%;
    height: 100%;
    text-align: center;
}
.three-img-box input{
 display: none;
}
#btn-left2:checked ~ .three-img1,
#btn-left3:checked ~ .three-img2,
#btn-right1:checked ~ .three-img2,
#btn-right2:checked ~ .three-img3,
#btn-right3:checked ~ .three-img1,
#btn-left1:checked ~ .three-img3{
    display: block;
    transition: all .2s ease;
}

 .three-img1,
 .three-img2,
 .three-img3{
     display: none;
    position: absolute;
    width: 190px;
    height: 470px;
    margin-left: 10px;
    float: left;
    font-size: 0px;
    transition: all .2s ease;
}
 .three-img1 img,
 .three-img2 img,
 .three-img3 img{
    width: 190px;
    height: 150px;
    margin-bottom: 10px;
   
    transition: all .2s ease;
}
 .three-img1 .btn-right,
 .three-img2 .btn-right,
 .three-img3 .btn-right{
    position: absolute;
    width: 25px;
    height: 35px;
    line-height: 35px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    right: 10px;
    top: 50%;
    text-align: center;
    transform: translate(0%,-50%);
    opacity: 0;
    z-index: 999;
}
 .three-img1 .btn-left,
 .three-img2 .btn-left,
 .three-img3 .btn-left{
    position: absolute;
    width: 25px;
    height: 35px;
    line-height: 35px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    left: 0;
    top: 50%;
    text-align: center;
    z-index: 999;
    transform: translate(0%,-50%);
    opacity: 0;
}
 .three-img1:hover .btn-right,
 .three-img1:hover .btn-left,
 .three-img2:hover .btn-right,
 .three-img2:hover .btn-left,
 .three-img3:hover .btn-right,
 .three-img3:hover .btn-left{
    opacity: 1;
    transition: all .2s ease;
}
.three-img-box{
  width: 190px;
  height: 470px;
  overflow: hidden;
  float: left;
  position: relative;
}
.main-nav .right-nav{
    position: relative;
    width: 190px;
    height: 470px;
    margin-left: 10px;
    background-color: white;
    float: left;
 
}
.main-nav .right-nav .dog-icon{
    position: absolute;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 13px;
    width: 44px;
    height: 44px;
}
.main-nav .right-nav .dog-icon-rightp{
    position: absolute;
    top: 18px;
    left: 74px;
    color: #333;
}
 .dog-icon-rightp p a:hover{
    color: #c81623;
    cursor: pointer;
}
.main-nav .right-nav .dog-icon-rightp span{
    margin:0 5px;
}
.main-nav .right-nav .dog-icon img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}
.main-nav .right-nav .red-and-black{
    margin-top: 67px;
    width: 190px;
    height: 37px;

    text-align: center;
    position: relative;
}
.main-nav .right-nav .red-and-black .red-block{
    width: 70px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    background-color: #E1251B;
    color: white;
    border-radius: 13px;
    text-align: center;
    margin: 0 3px;
    transition: all .3s ease;
}
.main-nav .right-nav .red-and-black .black-block:hover,
.main-nav .right-nav .red-and-black .red-block:hover{
    background-color: #C81623;
    cursor: pointer;
    color: white;
    transition: all .3s ease;
}
.main-nav .right-nav .red-and-black .black-block{
    width: 70px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    background-color: #363634;
    color:   #e5d790;
    border-radius: 13px;
    text-align: center;
    margin: 0 3px;
    transition: all .3s ease;
}
.main-nav .right-nav .gradients-border{
    position: absolute;
    height: 1px;
    left: 15px;
    right: 15px;
    background: linear-gradient(270deg,white,#eeeeee,#eeeeee,white);
    bottom: 0;
}
.main-nav .right-nav .jd-express-news{
    margin-top: 10px;
    margin-left: 15px;
    font-family: "icomoon";
    position: relative;
    padding-bottom:5px;
    
}
.main-nav .right-nav .jd-express-news h5{
    color: #5F5F5F;
    font-size: 14px;
    display: inline-block;
    margin-right: 56px;
}
.main-nav .right-nav .jd-express-news h5 + a{
    color: #999;
}
.main-nav .right-nav .jd-express-news h5 ~ a:hover{
    color: #c81623;
    cursor: pointer;
}
.main-nav .right-nav .jd-express-news .recommend{
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    
}
.main-nav .right-nav .jd-express-news .recommend a{
   
    overflow: hidden;
    white-space: nowrap;
    line-height: 16px; 
    margin-bottom: 6px;
    color: #666;
}
.main-nav .right-nav .jd-express-news .recommend a:hover{
    color: #c81623;
    cursor: pointer;
}
.main-nav .right-nav .jd-express-news .recommend a > span{
    display: inline-block;
    margin-bottom: 6px;
    text-align: center;
    color: #e1251b;
    background-color: #FDEEED;
    margin-right: 6px;
    width: 35px;
    height: 16px;
    vertical-align: -1px;
}
.main-nav .right-nav > ul{
    margin-top: 10px;
    position: relative;
}
.main-nav .right-nav > ul > li{
    float: left;
    width: 63px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-nav .right-nav > ul > li.telephone-charges div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-one.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.telephone-charges:hover div{
    background: url(../images/tel-two.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.plane-ticket div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-three.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.plane-ticket:hover div{
    background: url(../images/tel-four.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.jd-hotel div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-5.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.jd-hotel:hover div{
    background: url(../images/tel-6.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.jd-game div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-7.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.jd-game:hover div{
    background: url(../images/tel-8.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.gas-card div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-9.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.gas-card:hover div{
    background: url(../images/tel-10.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.train-tickets div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-11.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.train-tickets:hover div{
    background: url(../images/tel-12.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.crowd-funding div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-13.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.crowd-funding:hover div{
    background: url(../images/tel-14.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.conduct-financial-transactions div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-15.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.conduct-financial-transactions:hover div{
    background: url(../images/tel-16.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.white-note div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-17.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.white-note:hover div{
    background: url(../images/tel-18.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.cinema-ticket div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-19.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.cinema-ticket:hover div{
    background: url(../images/tel-20.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.enterprise-purchase div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-21.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.enterprise-purchase:hover div{
    background: url(../images/tel-22.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > li.gift-card div{
    width: 28px;
    height: 28px;
    background: url(../images/tel-23.png);
    background-size: 100%;
    margin: auto;
}
.main-nav .right-nav > ul > li.gift-card:hover div{
    background: url(../images/tel-24.png);
    background-size: 100%;
    transition: all .2s ease;
}
.main-nav .right-nav > ul > span{
    position: absolute;
    right: 8px;
    top: -5px;
    background-color: #E1251B;
    color: white;
}
.main-nav .right-nav > ul > li{
    cursor: pointer;
}
.main-nav .right-nav > ul > li:hover p{
    color: #E1251B;
}
.main-nav .right-nav > ul > li p{
    width: 63px;
    height: 27px;
    text-align: center;
}
.main-nav .left-nav > ul > li{
    
    padding-left: 18px;
    height:  25px;
    font-size: 14px;
    line-height: 25px;
}
.main-nav .left-nav > ul >li > a{
    color: #333;
}
.main-nav .left-nav ul li > a:hover{
  cursor: pointer;
  color: #c81623;
}
.main-nav .left-nav ul > li > span{
    font-size: 12px;
    margin: 0 2px;
}
.main-nav .left-nav > ul > li:hover{
    background-color: #D9D9D9;
    transition: all .2s ease;
}
.main-nav .left-nav ul li .hover-box{
    display: none;
    position: absolute;
    width: 1000px;
    height: 470px;
    background-color: white;
    top: 10px;
    left: 190px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 20px 17px 25px 20px;
    z-index: 100;
}
.main-nav .left-nav ul li .hover-box .hover-left{
    width: 780px;
    height: 425px;
    float: left;
    background-color: white;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-top{
    width: 780px;
    height: 25px;
    background-color: white;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-left{
    width: 70px;
    height: 400px;
    float: left;
    padding-top: 10px;
    background-color: white;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-right{
    width: 695px;
    height: 400px;
    float: left;
    padding-top: 10px;
    margin-left: 15px;
    background-color: white;
}
.main-nav .left-nav ul li .hover-box .hover-right{
    width: 170px;
    float: left;
    height: 425px;
    background-color: white;
    margin-left: 10px;
    font-size: 0;
}
.main-nav .left-nav ul li .hover-box .hover-right img{
    display: block;
    float: left;
    margin: 0 1px 1px 0;
}
.main-nav .left-nav ul li .hover-box{
    font-family: "icomoon";
    
}
.main-nav .left-nav ul li .hover-box .hover-left .text-left ul li{
    font-family: "icomoon";
    width: 70px;
    height: 24px;
    line-height: 24px;
    margin: 8px 0;
    color: #333333;
    font-weight: 700;
    text-align: right;
    padding: 0px;
    background-color: white;
    font-size: 12px;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-left ul li span{
    margin-left: 5px;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-top ul li{
    line-height: 25px;
    background-color: black;
    width: auto;
    height: 25px;
    color: white;
    float: left;
    margin-right: 10px;
    text-align: center;
    padding: 0px 10px;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-top ul li:hover{
    background-color: #C81623;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-top ul li a{
    color: white;
    font-size: 12px;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-top ul li a span{
    margin-left: 5px;
  
}
.main-nav .left-nav ul li .hover-box .hover-left .text-right ul{
    line-height: 24px;
    margin: 8px 0;
}
.main-nav .left-nav > ul > li:hover > .hover-box{
    display: block;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-right ul > li{
    float: left;
    margin-right: 14px;
    font-size: 12px;
    color: #9A9A9A;
}
.main-nav .left-nav ul li .hover-box .hover-left .text-right ul::before,
.main-nav .left-nav ul li .hover-box .hover-left .text-right ul::after{
    content: "";
}
.main-nav .left-nav ul li .hover-box .hover-left .text-right ul::after{
    display: table;
    clear: both;
}
.clear::before,
.clear::after{
    content: "";
}
.clear::after{
    display: table;
    clear: both;
}
.margin-top10px{
    margin-top: 10px;
}
.jd-outgoing-seckill{
    width: 100%;
    height: 260px;
    position: relative;
}
.jd-seckill{
    margin-top: 30px;
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
    height: 260px;
   
}
.jd-seckill .seckill-time{
    float:left;
    width: 190px;
    height: 260px;
    background: url(../images/seckill.png);
    text-align: center;
}
.seckill-commodity{
    font-family: "icomoon";
    width: 200px;
    height: 260px;
    float: left;
    position: relative;
    cursor: pointer;
    background-color: white;
}
.seckill-commodity .right-border{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 200px;
    transform: translateY(-50%);
    background: linear-gradient(180deg,white,#eeeeee,white);
}
.seckill-commodity:hover h6{
    color: #c81623;
}
.seckill-right{
    width: 200px;
    height: 260px;
    padding: 10px;
    background-color: white;
    float: left;
    overflow: hidden;
    position: relative;
}
.jd-seckill-text1{
    font-size: 30px;
    font-weight: bold;
    color: white;
    margin-top: 31px;
    height: 45px;
}
.jd-seckill-text2 span{
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding-right: 2px;
    margin-top: -1px;
}
.jd-seckill-text2{
    color: white;
    font-size: 14px;
    margin-top: 90px;
}
.count-down span:nth-child(odd){
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #2f3430;
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}
.count-down span:nth-child(even){
    display: inline-block;
    text-align: center;
    font-weight: bold;
    margin-right: 0;
    width: 22px;
    vertical-align: 2px;
    font-size: 20px;
    color: white;
}
.left-btn{
    width: 25px;
    height: 32px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
    line-height: 35px;
    color: white;
    font-weight: bold;
    background-color: rgba(0,0,0,.15);
    z-index: 100; 
}
.right-btn{
    width: 25px;
    height: 32px;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
    line-height: 35px;
    color: white;
    font-weight: bold;
    background-color: rgba(0,0,0,.15);
    z-index: 100; 
    transition: all .2s ease;
}
.seckill-center .left-btn:hover,
.seckill-center .right-btn:hover{
    background-color: rgba(0,0,0,.4);
    transition: all .2s ease;
}
.seckill-img{
    width: 140px;
    height: 140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.seckill-img img{
    width: 140px;
    height: 140px;
    opacity: 1;
    transition: opacity 0.2s ease;
}
.seckill-commodity:hover img{
 opacity: 0.8;
 cursor: pointer;
 transition: opacity 0.2s ease;
}
.product-title
{
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 13px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seckill-price{
    width: 160px;
    height: 24px;
    background: linear-gradient(120deg,#e1251b 80px ,white 81px ,white 160px);
    margin-right: auto;
    margin-left: auto;
    margin-top: 7px;
    position: relative;
    border: 1px solid #e1251b;
}
.seckill-price .seckill-price-left i{
    font-size: 12px;
    font-style: normal;
    color: white;
    
    font-weight: normal;
}
.seckill-price-left{
    display: block;
    float: left;
    width: 92px;
    height: 100%;
  
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 20px;
    text-align: center;
}

.seckill-price-right{
    display: block;
    float: left;
    width: 66px;
    height: 100%;

    text-align: center;
    color: #999;
    line-height: 22px;
    text-decoration: line-through;
}
.seckill-price-right i{
    font-style: normal;
}
.seckill-right .seckill-background1{
    float: left;
    margin-right: 10px;
    width: 180px;
    height: 240px;
    text-align: center;
    font-size: 14px;
    float: left;
    background: linear-gradient(180deg,rgba(255,255,255,.5),rgba(220,224,236,.5));
   
}

.seckill-bigbackground{
    width: 570px;
    height: 240px;
    overflow: hidden;
    animation: bgmove 5s 3s infinite;
}
@keyframes bgmove{
    0%{
        transform: translateX(0);
    }
    20%{
        transform: translateX(-190px);
    }
    50%{
        transform: translateX(-190px);
    }
    70%{
        transform: translateX(-380px);
    }
    100%{
        transform: translateX(-380px);
    }
}
.seckill-right .seckill-background1:hover img{
    opacity: 0.8;
    transition: opacity 0.2s ease;
}
.seckill-right .seckill-background1 img{
    width: 120px;
    height: 120px;
    margin-top: 27px;
    opacity: 1;
    transition: opacity 0.2s ease;
}
.seckill-right .seckill-background{
    width: 400px;
    position: relative;
    cursor: pointer;
}
.seckill-right .seckill-p1{
    color: #666;
}
.seckill-right  .seckill-p2{
    color: #333;
    font-weight: 700;
}
.seckill-right .seckill-btn{
    font-family: "icomoon";
    text-align: center;
    display: inline-block;
    line-height: 20px;
    width: 82px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #e1251b;
    background-color: #F4F5F9;
    color: #e1251b;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
    text-transform: all .2s ease;
}
.seckill-right .seckill-btn span{
    display: inline-block;
    margin-left: 2px;
    vertical-align: -1px;
}
.seckill-right  .seckill-btn:hover{
    border: 1px solid transparent;
    background-color: #e1251b;
    color: white;
    text-transform: all .2s ease;
}
#Y-one,#Y-two{
    display: none;
}
[for="Y-one"] span{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #999;
    margin-bottom:5px;
    border-radius: 50%;
}
[for="Y-two"] span{
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #999;
    margin-bottom:5px;
    border-radius: 50%;
    
}
#Y-one:checked ~ .seckill-background .seckill-background1 [for="Y-one"] span{
    background-color: #e1251b;
}
#Y-two:checked ~ .seckill-background .seckill-background1 [for="Y-two"] span{
    background-color: #e1251b;
}
#Y-one:checked ~ .seckill-background{
    transform: translate(0);
    transition: all .5s ease;


}
#Y-two:checked ~ .seckill-background{
    transform: translate(-190px);
    transition: all .5s ease;
}
.two-box
{
    width: 1190px;
    height: 340px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.daily-specials{
    width: 590px;
    height: 340px;
    margin-right: 10px;
    float: left;
    position: relative;
}
 .daily-specials-top{
    font-family: "icomoon";
    width: 590px;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
}
.daily-specials-h2{
cursor: pointer;
}
 .daily-specials-h2 p{
    float: left;
    font-size: 24px;
    color: black;
    font-weight: bold;
}
 .daily-specials-h2 > span{
     display: inline-block;
    width: 16px;
    height: 16px;
    background:url(../images/sprite2.png);
    background-position: -16px 0px;
    vertical-align: -5px;
    margin-left: 10px;
    position: absolute;
    top:23px;
    opacity: 1;
   
    transition: opacity .2s ease;
}
.daily-specials-h2 .span1{
    background:url(../images/sprite2.png) ;
    background-position: 0px 0px;
    position: absolute;
    top:23px;
    opacity: 0;
    transition: opacity .2s ease;
}
.daily-specials-h2:hover .span1{
    background:url(../images/sprite2.png) ;
    background-position: 0px 0px;
    position: absolute;
    opacity: 1;
    transition: opacity .2s ease;
}
.daily-specials input{
    display: none;
}
[for="selected1"] span,
[for="selected2"] span,
[for="selected3"] span,
[for="selected4"] span,
[for="selected5"] span
{
    position: relative;
    left: 175px;
    padding-bottom: 3px;
    font-size: 14px;
    border-bottom: 2px solid transparent;
    margin: 0 10px;
    color: #999;
    transition: all .2s ease;
}
#selected1:checked ~ .daily-specials-top [for="selected1"] span,
#selected2:checked ~ .daily-specials-top [for="selected2"] span,
#selected3:checked ~ .daily-specials-top [for="selected3"] span,
#selected4:checked ~ .daily-specials-top [for="selected4"] span,
#selected5:checked ~ .daily-specials-top [for="selected5"] span{
    border-bottom: 2px solid #E1251B;
    color: #E1251B;
    transition: all .2s ease;
}
.daily-specials-down{
    display: none;
    width: 590px;
    height: 285px;
    padding:0 15px 15px 15px;
    position: absolute;
    transition: all .2s ease;
}
.daily-specials-down1{
    display: none;
    width: 590px;
    height: 285px;
    padding:0 15px 15px 15px;
    position: absolute;
    transition: all .2s ease;
}
.daily-specials-down2{
    display: none;
    width: 590px;
    height: 285px;
    padding:0 15px 15px 15px;
    position: absolute;
    transition: all .2s ease;
}
.daily-specials-down3{
    display: none;
    width: 590px;
    height: 285px;
    padding:0 15px 15px 15px;
    position: absolute;
    transition: all .2s ease;
}

.daily-specials-down4{
    display: none;
    width: 590px;
    height: 285px;
    padding:0 15px 15px 15px;
    position: absolute;
    transition: all .2s ease;
}
#selected5:checked ~ .daily-specials-down4,
#selected4:checked ~ .daily-specials-down3,
#selected3:checked ~ .daily-specials-down2,
#selected2:checked ~ .daily-specials-down1,
#selected1:checked ~ .daily-specials-down{
    display: block;
    transition: all .2s ease;
}










.daily-specials-down-right{
    width: 170px;
    height: 265px;
    position: relative;
    background-color:#F8F8F9;
    float: left;
    text-align: center;
}
.daily-specials-down-right a:hover{
    cursor: pointer;
    
}
.daily-specials-down-right a:hover p{
    color: #E1251B;
    transition: all .2s ease;
}
.daily-specials-down-right a:hover img{
    opacity: 0.8;
    transition: all .2s ease;
}



















.daily-specials-down-right img{
    display: block;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 46px;
}
.yellow-title{
    width: 90px;
    height: 24px;
    font-weight: bold;
    color: white;
    line-height: 24px;
    background-image: url(../images/yellow-tltle.png);
    background-position: 50%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
.daily-specials-down-right-p1{
    font-size: 14px;
    color: #333;
    line-height: 19px;
    width: 150px;
    overflow: hidden;
    margin: auto;
    margin-top: 9px;
    margin-bottom: 8px;
    white-space: nowrap;
    text-align: center;
}
.daily-specials-down-right-p2{
    line-height: 18px;
   
    height: 18px;
}
.daily-specials-down-right-p2 i{
    font-style: normal;
}
.daily-specials-down-right-p3{
    color: #999;
    margin-top: 8px;
}
.daily-specials-down-right-p3 span{
    color: #E1251B;
}
.daily-specials-down-right-p2 .red{
    color: #E1251B;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
.daily-specials-top label{
    cursor: pointer;
}
.daily-specials-down-right-p2 .line-through{
    text-decoration: line-through;
    color: #999;
}
.daily-specials-down-left{
    width: 380px;
    height: 237px;
    margin-top: 18px;
    margin-left: 6px;
    float: left;
}
.daily-specials-down-left .one-shoes{
    margin-bottom: 48px;
    width: 170px;
    height: 89px;
    position: relative;
    float: left;
    margin-left: 19px;
}
.daily-specials-down-left .one-shoes img{
    width: 84px;
    height: 84px;
    float: left;
    opacity: 1;
    transition: opacity .2s ease;
}
.daily-specials-down-left .one-shoes:hover{
 cursor: pointer;
 
}
.daily-specials-down-left .one-shoes:hover .one-shoes-text{
    color: #c81623;
}
.daily-specials-down-left .one-shoes .black-box{
    width: 84px;
    height: 16px;
    background:rgba(0,0,0,.6);
    position: absolute;
    top: 68px;
    text-align: center;
    line-height: 16px;
    color: white;
}
.one-shoes-text{
    width: 75px;
    height: 32px;
    line-height: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    color: #333;
    font-weight: normal;
    text-overflow: ellipsis;
    word-break: break-all;
    font-family: Microsoft Yahei,PingFangSC-Medium,sans-serif,serif;
}
.one-shoes-price1 span{
    font-size: 12px;
}
.one-shoes-price1{
    color: #e1251b;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin-top: 5px;
}
.one-shoes-price2{
    font-size: 12px;
    color: #999;
    line-height: 14px;
    text-decoration: line-through;
}
.one-shoes-price3{
    margin-top: 8px;
    color: #999;
}
.one-shoes-price3 span{
    color:#e1251b;
}
.information{
    float: left;
    margin-left: 5px;
}
.one-shoes:hover img{
    opacity: 0.8;
    transition: all .2s ease;
}
.brand-flash-purchase{
    height: 340px;
    width: 590px;
    background-color: white;
    float: left;
    margin-top: 10px;
    position: relative;
    
}
.brand-flash-purchase-left{
    width: 270px;
    height: 265px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #F9F6F8;
    text-align: center;
}
.brand1-img{
    margin-top: 15px;
    width: 70px;
    height: 35px;
}
.brand-flash-purchase-left-p1{
    font-size: 16px;
    margin-top: 6px;
    width: 270px;
    height: 24px;
    font-weight: bold;
    color: #333;
}
.brand-flash-purchase-left-p2 span{
    display: inline-block;
    height: 10px;
    width: 1px;
    margin:0 5px;
    background-color: rgba(102,102,102,.4);
}
.brand-flash-purchase-left-p2 strong{
    margin:0 4px;
}
.brand-flash-purchase-left-p2{
    margin-top: 1px;
    margin-bottom: 13px;
    color: #666;
}
.brand-flash-purchase-left .brand2-img{
    width: 130px;
    height: 130px;
    transition: all .2s ease;
}
.brand-flash-purchase-left:hover img{
    opacity: .8;
    transition: all .2s ease;
    cursor: pointer;
}
.brand-flash-purchase-right{
    width: 270px;
    height: 300px;
    position: absolute;
    right: 20px;
    background-color: white;
    bottom: 15px;
}
.brand-flash-purchase-right .one-brand{
    width: 135px;
    height: 100px;
    padding: 14px 0;
    float: left;
    position: relative;
    
    text-align: center;
}
.brand-flash-purchase-right .one-brand img{
    display: block;
    width: 100px;
    height: 50px;
    margin: auto;
    margin-bottom: 6px;
}
.one-brand-right-border{
    position: absolute;
    position: absolute;
    width: 1px;
    height: 60px;
    right: 0;
    top: 50%;
    margin-top: -30px;
    background: linear-gradient(180deg,white,#eeeeee,#eeeeee,white);
}
.brand-flash-purchase-right .one-brand:hover{
    cursor: pointer;
    opacity: .8;
    transition:opacity .2s ease;
}
/* roll start */
.roll{
    width: 1190px;
    height: 260px;
    margin: auto;
    background-color: #F4F4F4;
    margin-top: 30px;
}
.roll-left{
    width: 190px;
    height: 260px;
    background-image: url(../images/roll-left.png);
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.roll-left-black-box{
    width: 160px;
    height: 89px;
    background: url(../images/good-goods.png);
    margin: 15px 15px 0;
    position: relative;
}
.roll-left-black-box-h2 p{
    float: left;
    font-size: 16px;
    color: white;
    margin-top: 55px;
    margin-left: 20px;
    line-height: 22px;
}
.roll-left .roll-left-black-box .roll-left-black-box-h2  span{
     display: inline-block;
    width: 16px;
    height: 16px;
    background:url(../images/sprite2.png);
    background-position: 0px -16px;
    vertical-align: -5px;
    margin-left: 5px;
    position: absolute;
    top:58px;
    opacity: 1;
    transition: opacity 1s ease;
    z-index: 10;
}
.roll-left .roll-left-black-box .roll-left-black-box-h2  .span1{
    display: inline-block;
    width: 16px;
    height: 16px;
    background:url(../images/sprite2.png);
    background-position: 0px 0px;
    vertical-align: -5px;
    margin-left: 5px;
    position: absolute;
    top:58px;
    opacity: 0;
   
}
.roll-left:hover .roll-left-black-box .roll-left-black-box-h2  .span1{
    
    opacity: 1;
    transition: opacity .5s ease;
}
.roll-left:hover .roll-left-black-box .roll-left-black-box-h2  span{
    opacity: 1;
    transition: opacity .5s ease;
}
.roll-right{
    width: 990px;
    height: 260px;
    background-color: white;
    float: left;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
}
.roll-right:hover .roll-big-box{
    animation-play-state: paused;
}
.roll-right:hover .roll-bottom-border-radius{
    animation-play-state: paused;
}
.roll-right:hover .roll-bottom-border,.roll-right:hover .roll-bottom-border-radius
{
    opacity: 10;
}
.roll-big-box{
    width: 3000px;
    height: 260px;
    animation: myloop 30s linear infinite;
}
@keyframes myloop{
    0%{
        transform: translate(0);
    }
    100%{
        transform: translate(-2000px);
    }
}
.roll-bottom-border
{
    opacity: 0;
    width: 960px;
    height: 3px;
    position: absolute;
    bottom:15px;
    background-color: #F3F3F3;
}
.roll-bottom-border-radius{
    opacity: 0;
    width: 99px;
    height: 9px;
    left: 15px;
    bottom: 12px;
    position: absolute;
    background-color: #D8D8D8;
    border-radius: 4.5px;
    animation: myloop1 30s linear infinite;
}
@keyframes myloop1{
    0%{
        transform: translate(0);
    }
    100%{
        transform: translate(861px);
    }
}
.roll-big-box > li:nth-child(odd){
    width: 150px;
    height: 181px;
    margin-top: 50px;
    margin-right: 50px;
    cursor: pointer;
    float: left;
    text-align: center;
}
.roll-big-box > li:nth-child(even){
    width: 150px;
    height: 181px;
    margin-top: 20px;
    margin-right: 50px;
    cursor: pointer;
    float: left; 
    text-align: center;
}
.roll-big-box > li:nth-child(odd) p{
    width: 150px;
    height: 21px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    transition: all .2s ease;
}
.roll-big-box > li:nth-child(even) p{
    width: 150px;
    height: 21px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 10px;
    transition: all .2s ease;

}
.roll-big-box > li:hover p{
    color: #C81623;
    transition: all .2s ease;
}
.roll-big-box > li img{
    opacity: 1;
    transition: all .2s ease;
}
.roll-big-box > li:hover img{
    opacity: .8;
    transition: all .2s ease;
}
/* roll end */
/* four-box start */
.four-box{
    width: 1190px;
    height: 340px;
    background-color: #F4F4F4;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.four-box-block{
    position: relative;
    width: 290px;
    height: 340px;
    margin-right: 10px;
   background-color: white;
    float: left;
    overflow: hidden;
    
}
.four-box-block:nth-child(4){
    margin: 0;
}
.four-box-block-top{
    position: relative;
    width: 290px;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
}
.four-box-block-img{
    height: 130px;
    width: 358px;
    margin-top: 10px;
    position: relative;
    left: -34px;
    font-family: "icomoon";
    font-size: 0;
}
.four-box-block-img .left{
    width: 104px;
    height: 104px;
}
.four-box-block-img .center{
    margin: 0 10px;
    width: 130px;
    height: 130px;
    transition: all .2s ease;
    margin-bottom: -5px;
}
.four-box-block-img .btn-left{
    position: absolute;
    width: 25px;
    height: 35px;
    line-height: 35px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    left: 34px;
    top: 50%;
    text-align: center;
    transform: translate(0%,-50%);
    color: white;
    font-size: 18px;
    font-weight: bold;
    transition: all .2s ease;
}
.four-box-block-img .btn-right{
    position: absolute;
    width: 25px;
    height: 35px;
    line-height: 35px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background-color: rgba(0, 0, 0, 0.15);
    right: 34px;
    top: 50%;
    text-align: center;
    transform: translate(0%,-50%);
    color: white;
    font-size: 18px;
    font-weight: bold;
    transition: all .2s ease;
}
.four-box-block-img .btn-left:hover,
.four-box-block-img .btn-right:hover{
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .2s ease;
}
.four-box-block-p1{
    color:#333;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 4px;
    line-height: 19px;
}
.four-box-block-p2{
    color: #999;
    width: 200px;
    margin: auto;
    text-align: center;
}
.four-box-block-p3{
    font-size: 18px;
    width: 200px;
    color: #e1251b;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    
}
.four-box-block-p3 span{
    font-size: 12px;
}
.four-box-block-p3 .span1{
    font-size: 16px;
}
.four-box-block-p1jiaimg div{
    display: block;
    width: 130px;
    height: 246px;
    position: absolute;
    left: 80px;
    top: 60px;
    cursor: pointer;
    z-index: 100;
}
.four-box-block-p1jiaimg:hover ~ .four-box-block-img .center{
 opacity: .8;
 transition: all .2s ease;
}
.four-box-block-p1jiaimg:hover ~ .four-box-block-p1{
    color: #e1251b;
    transition: all .2s ease;
}
#list1,#list2,#list3,#list4{
    display: none;
}
.list-btn{
    padding: 0 5px;
    
    font-size: 0;
}
.list-btn span{
    display: inline-block;
    width: 62px;
    height: 20px;
    border-radius: 10px;
    margin: 0 4px;
    margin-top: -4px;
    background-color: #F6F6F6;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 20px;
}

#list1:checked ~ .list-btn [for="list1"] span,
#list2:checked ~ .list-btn [for="list2"] span,
#list3:checked ~ .list-btn [for="list3"] span,
#list4:checked ~ .list-btn [for="list4"] span{
    background-color: #E1251B;
    color: white;
}
#list1:checked ~ .list-top1 ,
#list2:checked ~ .list-top2 ,
#list3:checked ~ .list-top3 ,
#list4:checked ~ .list-top4 {
    display: block;
    transition: all .2s ease;
}
.list-top1{
    
    width: 275px;
    height: 240px;
    background-color: white;
    margin-top: 15px;
    position: absolute;
}
.list-top2{
    display: none;
    width: 275px;
    height: 240px;
    background-color: white;
    margin-top: 15px;
    position: absolute;
}
.list-top3{
    display: none;
    width: 275px;
    height: 240px;
    background-color: white;
    margin-top: 15px;
    position: absolute;
}
.list-top4{
    display: none;
    width: 275px;
    height: 240px;
    background-color: white;
    margin-top: 15px;
    position: absolute;
}
.top1{
    width: 275px;
    height: 70px;
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;
}
.top1 .top-img1{
    background: url(../images/top1.png);
    width: 28.8px;
    height: 40.8px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 15px;
    text-align: center;
    transform: translate(0,-50%);
}
.top1 .top-img2{
    background: url(../images/top2.png);
    width: 28.8px;
    height: 40.8px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 15px;
    text-align: center;
    transform: translate(0,-50%);
}
.top1 .top-img3{
    background: url(../images/top3.png);
    width: 28.8px;
    height: 40.8px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 15px;
    text-align: center;
    transform: translate(0,-50%);
}
.top1  img{
    width: 70px;
    height: 70px;
    position: relative;
    left: 40px;
    opacity: .8;
    transition: all .2s ease;
}
.list-top-p{
    width: 140px;
    font-size: 14px;
    position: absolute;
    left: 135px;
    top: 50%;
    line-height: 1.3em;
    max-height: 2.6em;
    word-break: break-all;
    overflow: hidden;
    color: #333;
    transform: translateY(-50%);
    transition: all .2s ease;
}
.top-img1 .top-img1-p1{
    color: #e6ac36;
    line-height: 12px;
}
 .top-img1-p2{
 color: white;
 font-weight: bold;
 font-size: 18px;
}
.top-img2 .top-img1-p1{
    color: #b3aea4;
    line-height: 12px;
}
.top-img3 .top-img1-p1{
    color: #d47b45;
    line-height: 12px;
}
.list-top1 a:hover .list-top-p,
.list-top2 a:hover .list-top-p,
.list-top3 a:hover .list-top-p,
.list-top4 a:hover .list-top-p{
    color: #C81623;
    transition: all .2s ease;
    
}
.list-top1 a:hover img,
.list-top2 a:hover img,
.list-top3 a:hover img,
.list-top4 a:hover img{
    opacity: .8;
    transition: all .2s ease;
}
.good-shoes{
    width: 290px;
    height: 266px;
    padding: 0 15px;

}
.good-shoes-box{
    width: 260px;
    height: 128px;
    margin-bottom: 10px;
    background: url(/images/background1.png);
    padding: 15px 10px 15px 15px;
}
.good-shoes-text{
    width: 120px;
    height: 98px;
    position: relative;
    float: left;
}
.good-shoes-h{
    font-size: 14px;
    color: #333;
    overflow: hidden;
    height: 38px;
    line-height: 1.3em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .2s ease;
}
.good-shoes-people{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #999;
}
.good-shoes-two-box .myself{
    color:#e2231a;
    border: 1px solid #e2231a;
    padding: 0 2px;
    line-height: 18px;
    margin-right: 5px;
}
.good-shoes-two-box .threeC{
    color:#596fab;
    border: 1px solid #596fab;
    padding: 0 2px;
    line-height: 18px;
    margin-right: 5px;
}
.outgoing-img{
    background-color: white;
    padding: 5px;
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 15px;
}
.outgoing-img img{
    width: 90px;
    height: 90px;
    opacity: 1;
    transition: all .2s ease;
}
.good-shoes a:hover .good-shoes-h{
    color: #c81623;
    transition: all .2s ease;
}
.good-shoes a:hover  .outgoing-img img{
    opacity: .8;
    transition: all .2s ease;
}
.good-coupon{
    width: 290px;
    height: 280px;
    background: url(../images/background2.png) no-repeat bottom;
    padding: 0 15px;
}
.good-coupon .coupon{
    width: 220px;
    height: 82px;
  
    margin-bottom: 4px;
    position: relative;
}
.good-coupon .coupon .more-coupon{
    height: 82px;
    width: 12px;
    line-height: 15px;
    position: absolute;
    right: -20px;
    top: 13px;
}
.good-coupon .coupon .to-coupon{
    font-family: "icomoon";
    width: 12px;
    height: 82px;
    line-height: 82px;
    position: absolute;
    right: -36px;
}
.good-coupon .coupon .coupon-img{
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: white;
    padding: 8px;
    margin: 8px 0 0 7px;
    float: left;
}
.coupon-p1{
    font-family: Impact, sans-serif;
    width: 140px;
   height: 34px;
    font-size: 28px;
    
    color: #E33333;
    line-height: 43px;
    float: left;
}
.coupon-p1 span{
    font-size: 12px;
    margin-right: 3px;
    font-family: Arial,sans-serif;
}

.coupon-p2{
    margin-left: 5px;
    color: #999;
    height: 18px;
    line-height: 18px;
    float: left;
    width: 140px;
    margin-top: 3px;
}
.coupon-p3{
    margin-left: 5px;
    color: #333;
    height: 18px;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 18px;
    margin-left: 5px;
    float: left;
}
.good-coupon a:hover .coupon .more-coupon,
.good-coupon a:hover .coupon .to-coupon{
    color: #C81623;
    transition: all .2s ease;
}
.good-coupon a:hover .coupon img{
    opacity: .8;
    transition: all .2s ease;
}
/* four-box end */
.plaza-title{
    width: 210px;
    height: 45px;
    margin: auto;
    margin-bottom: 20px;
    background-color: #F4F4F4;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    padding: 0 30px;
    text-align: center;
}
.plaza-title::before{
    display: inline-block;
    background: url(../images/sprite3.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    width: 25px;
    height: 20px;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    line-height: 45px;
}
.plaza-title::after{
    display: inline-block;
    background: url(../images/sprite3.png) no-repeat -25px 0;
    position: absolute;
    right: 0;
    width: 25px;
    height: 20px;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    line-height: 45px; 
}
.channel-plaza{
    width: 1210px;
    height: 950px;
    margin: auto;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    padding-left: 10px;
}
.channel-plaza .big-box{
    width: 290px;
    height: 370px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.channel-plaza .big-box img{
    opacity: 1;
    transition: all .2s ease;
}
.channel-plaza a:hover img{
    opacity: .8;
    transition: all .2s ease;
}
.channel-plaza .small-box{
    width: 290px;
    height: 180px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    background-color: white;
}
.channel-plaza .small-box .smallbox-p1{
    width: 250px;
    height: 60px;
    margin-left: 30px;
    margin-right: 10px;
    padding: 17px 0 13px;
    cursor: pointer;
}
.channel-plaza .small-box .smallbox-p1 span:nth-child(1){
    color:#333;
    font-size: 22px;
    font-weight: bold;
}
.channel-plaza .small-box .smallbox-p1 span:nth-child(2){
    color:rgb(153,153,153);
    font-size: 14px;
    margin-left: 5px;
}
.channel-plaza .small-box .small-box-img{
    width: 290px;
    height: 100px;
    padding-left: 30px;
}
.channel-plaza .small-box .small-box-img img{
    margin-right: 30px;
}
/* recommend-nav start */
.recommend-outgoing{
    width: 100%;
    height: 60px;
    background-color: transparent;
}
.recommend-nav{
   width: 1190px;
   height: 60px;
   padding: 0 55px;
   background-color: white;
   margin: auto;
   margin-bottom: 10px;
   position: relative;
}
#recommend1,#recommend2,#recommend3,#recommend4,#recommend5,#recommend6{
    display: none;
}
.one-recommend-nav{
    width: 180px;
    height: 60px;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer;
}
.one-recommend-nav p{
    line-height: 21px;
    font-size: 14px;
    width: 180px;
    color: #999;
    margin-top: 7.5px;
    transition: all .2s ease;
}
.one-recommend-nav-btn{
    width: 80px;
    height: 27px;
    border-radius: 13.5px;
    background-color: transparent;
    color: #333;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin: auto;
    transition: all .2s ease;
    position: relative;
    top: 8px;
    line-height: 27px;
}
.one-recommend-nav .border-right{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    width: 1px;
    margin: 10px 0px;
    background: linear-gradient(white, rgb(223, 223, 223) 51%, white);
    z-index:10;
}
[for="recommend1"]:hover .one-recommend-nav-btn,
[for="recommend2"]:hover .one-recommend-nav-btn,
[for="recommend3"]:hover .one-recommend-nav-btn,
[for="recommend4"]:hover .one-recommend-nav-btn,
[for="recommend5"]:hover .one-recommend-nav-btn,
[for="recommend6"]:hover .one-recommend-nav-btn{
color: rgb(200,22,35);
transition: all .2s ease;

}
[for="recommend1"]:hover p,
[for="recommend2"]:hover p,
[for="recommend3"]:hover p,
[for="recommend4"]:hover p,
[for="recommend5"]:hover p,
[for="recommend6"]:hover p{
    color: rgb(200,22,35);
    transition: all .2s ease;
}
#recommend1:checked ~ .recommend-outgoing .recommend-nav [for="recommend1"] .one-recommend-nav .one-recommend-nav-btn,
#recommend2:checked ~ .recommend-outgoing .recommend-nav [for="recommend2"] .one-recommend-nav .one-recommend-nav-btn,
#recommend3:checked ~ .recommend-outgoing .recommend-nav [for="recommend3"] .one-recommend-nav .one-recommend-nav-btn,
#recommend4:checked ~ .recommend-outgoing .recommend-nav [for="recommend4"] .one-recommend-nav .one-recommend-nav-btn,
#recommend5:checked ~ .recommend-outgoing .recommend-nav [for="recommend5"] .one-recommend-nav .one-recommend-nav-btn,
#recommend6:checked ~ .recommend-outgoing .recommend-nav [for="recommend6"] .one-recommend-nav .one-recommend-nav-btn{
    background-color: #E1251B;
    color: white;
    transition: all .2s ease;
}
#recommend1:checked ~  .recommend-nav [for="recommend1"] .one-recommend-nav .one-recommend-nav-btn,
#recommend2:checked ~  .recommend-nav [for="recommend2"] .one-recommend-nav .one-recommend-nav-btn,
#recommend3:checked ~  .recommend-nav [for="recommend3"] .one-recommend-nav .one-recommend-nav-btn,
#recommend4:checked ~  .recommend-nav [for="recommend4"] .one-recommend-nav .one-recommend-nav-btn,
#recommend5:checked ~   .recommend-nav [for="recommend5"] .one-recommend-nav .one-recommend-nav-btn,
#recommend6:checked ~  .recommend-nav [for="recommend6"] .one-recommend-nav .one-recommend-nav-btn{
    background-color: #E1251B;
    color: white;
    transition: all .2s ease;
}
#recommend1:checked ~ .recommend-nav [for="recommend1"] .one-recommend-nav p,
#recommend2:checked ~ .recommend-nav [for="recommend2"] .one-recommend-nav p,
#recommend3:checked ~ .recommend-nav [for="recommend3"] .one-recommend-nav p,
#recommend4:checked ~ .recommend-nav [for="recommend4"] .one-recommend-nav p,
#recommend5:checked ~ .recommend-nav [for="recommend5"] .one-recommend-nav p,
#recommend6:checked ~ .recommend-nav [for="recommend6"] .one-recommend-nav p{
    color: rgb(200,22,35);
    transition: all .2s ease;
}
#recommend1:checked ~ .recommend-outgoing .recommend-nav [for="recommend1"] .one-recommend-nav p,
#recommend2:checked ~ .recommend-outgoing .recommend-nav [for="recommend2"] .one-recommend-nav p,
#recommend3:checked ~ .recommend-outgoing .recommend-nav [for="recommend3"] .one-recommend-nav p,
#recommend4:checked ~ .recommend-outgoing .recommend-nav [for="recommend4"] .one-recommend-nav p,
#recommend5:checked ~ .recommend-outgoing .recommend-nav [for="recommend5"] .one-recommend-nav p,
#recommend6:checked ~ .recommend-outgoing .recommend-nav [for="recommend6"] .one-recommend-nav p{
    color: rgb(200,22,35);
    transition: all .2s ease;
}
.recommending-commodities{
    width: 1210px;
    margin: auto;
    position: relative;
    background-color: #f4f4f4;
    padding-left: 10px;
    height: 996px;
}
.recommending-commodities1,
.recommending-commodities2,
.recommending-commodities3,
.recommending-commodities4,
.recommending-commodities5,
.recommending-commodities6{
    width: 1200px;
    margin: auto;
    position: absolute;
    top: 0;
   
}
.one-commodities{
    width: 230px;
    height: 322px;
    background-color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    position: relative;
}
.one-commodities-img{
    width: 150px;
    height: 150px;
    margin: 30px 40px 40px;
    transition: all .4s ease;
}
.one-commodities-img1{
    width: 150px;
    height: 150px;
    margin: 30px 40px 10px;
    transition: all .4s ease;
}
.one-commodities-img
{
    transition: all .4s ease;
}
.one-commodities-title{
    width: 190px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: auto;
    color: rgb(102,102,102);
}
.one-commodities-title1{
    font-size: 12px;
    color: #116ce9;
    border: 1px solid #116ce9;
    display: inline-block;
    border-radius: 2px;
    font-weight: 700;
    padding: 0 3px;
    margin-left: 20px;
}
.one-commodities-title2{

    margin-left: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
}
.one-commodities-title3{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    color: #666;
}
.one-commodities-title span{
    background-color: #E1251B;
    display: inline-block;
    color: white;
    margin-right: 5px;
    padding: 0 4px;
    line-height: 16px;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif;
    font-size: 12px;
    border-radius: 2px;
}
.one-commodities-price{
    font-size: 20px;
    font-weight: bold;
    color: rgb(225, 37, 27);
    margin-left: 20px;
    line-height: 18px;
    font-family: arial, sans-serif;
    margin-top: 10px;
}
.one-commodities-price span:nth-child(1),
.one-commodities-price span:nth-child(2){
    font-size: 12px;
    font-family: MicrosoftYahei-regular, Arial, Helvetica, sans-serif;
}
.one-commodities-price span:nth-child(3){
    display: inline-block;
    font-size: 12px;
    width: 75px;
    height: 18px;
    text-align: right;
    color: #333;
    font-family: "Microsoft YaHei", "Heiti SC", tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif;
    font-weight: normal;
    vertical-align:2px;
}
.one-commodities-price span:nth-child(4){
    display: inline-block;
    background: url(../images/plus.png);
    width: 38px;
    height: 12px;
    vertical-align: 2px;
}
.float-box{
    opacity: 0;
    width: 190px;
    height: 30px;
    position: absolute;
    bottom: 26px;
    right: 20px;
    background-color: white;
    z-index: 10;
    transition: all .4s ease;
}
.opacity-box{
    width: 190px;
    height: 20px;
    position: absolute;
    bottom: 30px;
    background-color: white;
    opacity: .8;
    z-index: 10;

}
.black-box{
    width: 120px;
    height: 28px;
    border-radius: 14px;
    border: 1px solid #353131;
    background-color: #333;
    color: #fff!important;
    cursor: pointer;

    margin: auto;
    text-align: center;
    line-height:24px;
    transition: all .4s ease;
}
.black-box span{
    vertical-align: 3px;
}
.black-box:hover{
    background-color: #C81623;
    
    border: 1px solid #C81623;
    transition: all .4s ease;
}
.eye{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/eye.png);
    margin-top: 4px;
    margin-right: 4px;
}
.float-x{
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/X1.png);
    transition: all .4s ease;
}
.float-x:hover{
    background: url(../images/X2.png);
    transition: all .4s ease;
}
.one-commodities:hover .float-box{
    opacity: 1;
    transition: all .4s ease;
}
.one-commodities:hover .float-x{
    opacity: 1;
    transition: all .4s ease;
}
.float-quan{
    width: 26px;
    height: 16px;
    padding: 0 6px;
    border: 1px solid #e1251b;
    color: #e1251b;
    line-height: 14px;
    font-size: 12px;
    position: absolute;
    right: 22px;
    bottom: 26px;
}
.one-commodities:hover  .one-commodities-img img{
    opacity: .8;
    transition: all .4s ease;
}
.one-commodities1{
    width: 230px;
    height: 322px;
    background-image: url(../images/background3.png);
    background-position: 0 0;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    position: relative;
}
.blue-box{
    width: 95px;
    height: 24px;
    background: url(../images/background4.png);
    margin-left: 20px;
    padding-left: 26px;
}
.blue-box{
    color: white;
    font-weight: 700;
    line-height: 24px;
}
.recommending-commodities1,
.recommending-commodities2,
.recommending-commodities3,
.recommending-commodities4,
.recommending-commodities5,
.recommending-commodities6{
display: none;
transition: all .4s ease;
}
#recommend1:checked ~ .recommending-commodities .recommending-commodities1,
#recommend2:checked ~ .recommending-commodities .recommending-commodities2,
#recommend3:checked ~ .recommending-commodities .recommending-commodities3,
#recommend4:checked ~ .recommending-commodities .recommending-commodities4,
#recommend5:checked ~ .recommending-commodities .recommending-commodities5,
#recommend6:checked ~ .recommending-commodities .recommending-commodities6

{
    display: block;
    transition: all .4s ease;
}
.long-border{
    width: 100%;
    height: 1px;
    background-color: #DEDEDE;
}
/* recommend-nav end */

.recommend-outgoing{
    transform: translateY(-120px);
    position: fixed;
    top: 52px;
    opacity: 1;
    background-color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    transition: transform 1.2s ease;
}
.recommend-outgoing.move{
    position: fixed;
    top: 52px;
    opacity: 1;
    transform: translateY(0);
    background-color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    transition: transform 1.2s ease;

}
.right-six-nav{
    position: absolute;
    width: 58px;
    height: 360px;
    background-color: white;
    top: 0px;
    right: 280px;
    transition: all .6s ease;
    z-index: 10000;
}
.right-six-nav > li{
    font-family: "icomoon";
    width: 58px;
    height: 60px;
    position: relative;
    text-align: center;
    font-size: 14px;
   background-color:  white;
    line-height: 60px;
    color: #333;
    position: relative;
    z-index: 10;
}
.right-six-nav.open{
    position: fixed;
    right: 280px;
    top: 77px;
    z-index: 10000;
    transition: all .6s ease;

}
.right-six-nav.lopen{
    position: fixed;
    right: 280px;
    top: 137px;
    z-index: 10000;
    transition: all .6s ease;
}

.right-six-nav > li:nth-child(1)::after,
.right-six-nav > li:nth-child(2)::after,
.right-six-nav > li:nth-child(3)::after,
.right-six-nav > li:nth-child(4)::after,
.right-six-nav > li:nth-child(5)::after,
.right-six-nav > li:nth-child(6)::after{
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 1px;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    background: linear-gradient(270deg,white,#eeeeee,#eeeeee,white);
    z-index: 1;
    content: "";
    transition: all .2s ease;
    
}
.right-six-nav > li:nth-child(7) p{
    font-size: 20px;
    
}
.right-six-nav > .li7{
    color: #c81623;
    transform: translateY(-60px);
    position: relative;
    z-index: 0;
    transition: all .6s ease;
}
.right-six-nav > .li7.open{
    transform: translateY(0px);
    transition: all .6s ease;
}
.right-six-nav > li:hover{
    background-color: #C81623;
    color: white;
    cursor: pointer;
    transition: all .2s ease;
}
.right-six-nav > li:hover::after{
    background: #C81623;
    transition: all .2s ease;
}
.right-six-nav > li span{
    display: inline-block;
    width: 28px;
    height: 38px;
    line-height: 19px;
    margin-top: 11px;
}
.right-six-nav > li:hover svg{
    fill: white;
    transition: all .2s ease;
}
.seckilla.red {
    color: #c81623;
}
.two-boxa.red {
    color: #c81623;
}
.plaza-titlea.red{
    color: #c81623;
}
.recommend-nava.red{
    color: #c81623;
}